<script lang='ts' setup name='Father'>  
 import { ref } from 'vue' 
 import   Child  from "./Child.vue";

 defineProps(["house","car","money"])

</script>  
  
<template>  



   <div class="father">

        <div>祖父的  房子:{{ house }}</div>
        <div>祖父的  car:{{ car }}</div>
        <div>祖父的  money:{{ money }}</div>


      

        <Child :house="house"    :car="car"    :money="money" v-bind="$attrs" ></Child>


   </div>



  
</template>  
  
<style scoped>  
.father{

    background-color: chocolate;
    margin: 10px;
    box-shadow: 0 0 10px blue;
    width: 100%;
    min-height:  300px; 


}
</style>  